.ellipsis{display:inline-block;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;}
.group-list li{position:relative;float:left;display:inline;width:140px;height:140px;margin:12px;padding:8px;border:30px double rgba(74, 114, 105, 0.5);-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.5);-ms-box-shadow:0 2px 8px rgba(0,0,0,0.5);box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);}
.group-list .group-logo{position:absolute;left:-40px;top:-40px;height:80px;width:80px;float:left;}
.group-list .group-logo img{height:100%;width:100%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.5);-ms-box-shadow:0 2px 8px rgba(0,0,0,0.5);box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);}
.group-list .group-up{height:58px;border-bottom:2px solid #ccc;text-align:center;}
.group-list .group-up h4{margin:10px auto 0;font-size:14px;width:110px;font-family:helvetica,arial,"hiragino sans gb",\5b8b\4f53,sans-serif;font-weight:bold;}
.group-statistic .view,.group-statistic .reply,.group-statistic .like,.group-statistic .image{font:12px/1.5 helvetica,arial,"hiragino sans gb",\5b8b\4f53,sans-serif;background:url(/Custom/source/images/ind_icon.png) no-repeat;color:#959595;}
.group-statistic .view{padding-left:19px;background-position:0 1px;}
.group-statistic .reply{padding-left:17px;background-position:0 -19px;}
.group-statistic .like{padding-left:17px;background-position:0 -39px;}
.group-statistic .image{padding-left:19px;background-position:0 -59px;}
.group-list .group-down{height:60px;text-align:center;padding:5px 10px;}
.group-list .group-down p{height:36px;font-size:12px;color:#aaa;overflow:hidden;}
.group-list .group-down a{display:inline-block;margin-top:5px;text-align:center;color:#fff;background-image:linear-gradient(to bottom,#71B7E9,#549FDA);vertical-align:middle;padding:3px 10px 3px 8px;line-height:1;border-width:1px;border-color:#69ADE5 #5AA0D8 #4F96CD #60A5DD;border-style:solid;border-radius:2px;}

.group-list li.small{width:70px;height:70px;margin:7px;padding:3px;border-width:15px;}
.group-list li.small .group-logo{left:-20px;top:-20px;height:40px;width:40px;}
.group-list li.small .group-up{height:34px;border-width:1px;}
.group-list li.small .group-up h4{width:75px;font-size:12px;}
.group-list li.small .group-down{height:35px;padding:5px 7px;}
.group-list li.small .group-down a{margin-top:0;padding:2px 5px 2px 4px;}

.group-list li.big{width:210px;height:210px;margin:18px;padding:12px;border-width:45px;}
.group-list li.big .group-logo{left:-60px;top:-60px;height:120px;width:120px;}
.group-list li.big .group-up{height:78px;border-width:3px;}
.group-list li.big .group-up h4{margin-top:20px;width:170px;font-size:18px;}
.group-list li.big .group-down{height:100px;padding:7px 15px;}
.group-list li.big .group-down p{height:72px;text-align:left;}
.group-list li.big .group-down a{margin-top:10px;padding:5px 15px 5px 12px;}

.group-list li.large{width:280px;height:280px;margin:24px;padding:16px;border-width:60px;}
.group-list li.large .group-logo{left:-80px;top:-80px;height:160px;width:160px;}
.group-list li.large .group-up{height:98px;border-width:4px;}
.group-list li.large .group-up h4{margin-top:30px;width:210px;font-size:24px;}
.group-list li.large .group-down{height:100px;padding:10px 20px;}
.group-list li.large .group-down p{height:96px;text-align:left;font-size:16px;}
.group-list li.large .group-down a{margin-top:10px;padding:7px 20px 7px 16px;}